<%@page import="javax.enterprise.context.RequestScoped"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600' rel='stylesheet' type='text/css'>
        <link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <link rel="stylesheet" href="cocacola.css" type="text/css">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Coca Cola</title>
    </head>
    <body>
        <% if (request.getAttribute("success")==null) { %>
        <div class="testbox">
            <form id="my_form" action="RegisterServlet">
                <center>
                    <label id="icon" for="name"><i class="icon-user"></i></label>
                    <input name="Username" type="text" id="name" placeholder="Username" required/><br/>
                    <label id="icon" for="name"><i class="icon-envelope "></i></label>
                    <input type="text" name="Email" id="name" placeholder="Email" required/><br/>
                    <label id="icon" for="name"><i class="icon-shield"></i></label>
                    <input type="password" name="Code" id="name" placeholder="Coke Code" required/><br/>
                    <a href="javascript:{}" onclick="document.getElementById('my_form').submit();" class="button">Register</a>
                </center>
            </form>
        </div>
        <% } else if(request.getAttribute("success").equals("true")) { %>
            <img id="spain" src="./img/spain.jpg" />
            <h3 id="prize"><%=request.getAttribute("prize")%></h3>
        <% } else if(request.getAttribute("success").equals("false")) { %>
            <img id="calm" src="./img/calm.jpg" />
        <% } else { %>
            <img id="zidane" src="./img/zidane.jpg" />
            <h3 id="prize">No such CocaCola-Code exists, cheater!</h3>
        <% }%>
        <img id="cokeimg" src="./img/ball.png" />
        <img id="open" src="./img/open.jpg" />
        <img id="baluveg" src="./img/baluveg.jpg" />
        <img id="cola" src="./img/cola.png" />
    </body>
    <script>
        $("body").css("overflow", "hidden");
        $("body").css("scrolling", "no");
    </script>
</html>
